.dynamic-BigBox {
  display: none;
  flex-direction: column;
}
/* 居中的栏目  */
.dynamic-Box {
  width: 90%;
  margin: 10px auto;
  border: 1px black solid;

  display: flex;
  flex-direction: column;
}

.everyDyBox {
  width: 80%;
  margin: 50px auto;
  position: relative;
}

/* 每个动态封面 */
.Dycover {
  width: 100%;
  height: 180px;
  border: 1px black solid;
  box-shadow: 1px 1px 5px rgb(58, 49, 49);

  font-size: 16px;
}

.everyDyBox h3 {
  font-size: 30px;
  color: black;
  padding: 10px 30px;
  white-space: nowrap;
  /* 用overflow裁剪超出指定宽度的内容 */
  overflow: hidden;
  /* text-overflow:ellipsis 让溢出的内容变为省略号 */
  text-overflow: ellipsis;

  cursor: pointer;
}
.everyDyBox h3:hover {
  text-decoration: underline;
}
.Dycover ul {
  align-items: flex-end;
}
.everyDyBox .DyCoverContent {
  width: 30%;

  font-size: 20px;

  color: dimgrey;

  margin-left: 40px;

  white-space: nowrap;
  /* 用overflow裁剪超出指定宽度的内容 */
  overflow: hidden;
  /* text-overflow:ellipsis 让溢出的内容变为省略号 */
  text-overflow: ellipsis;
}

.AllDy {
  /* 页面底下留一个间隙会好看一点 */
  padding-bottom: 50px;
}

.DyTextContent {
  font-size: 24px;
  margin: 40px;

  width: 80%;
  overflow: hidden;
  word-wrap: normal;
}

/* 装每个动态详细内容的盒子 */
.everyDy {
  width: 100%;

  flex-direction: column;
  border: 1px black solid;
  box-shadow: 1px 1px 5px rgb(58, 49, 49);
}

.backAllDy,
.backPerAllDy,
.delPerAllDy {
  border: 3px double #0f9cf5;

  box-shadow: 0px 0px 5px #0f9cf5;
  width: 50px;
  height: 50px;
  line-height: 60px;
  cursor: pointer;
  margin-left: 60px;
  margin-bottom: 30px;
  text-align: center;
}

.icoBox {
  display: flex;
}
.everyDy i {
  font-size: 30px;
  color: #0f9cf5;
}
/* 用户动态的三栏样式（用户信息，动态信息，内容） */
.dynamic-Box ul {
  display: flex;
  justify-content: space-evenly;
  margin: 20px;
}

/* 每个用户动态内容盒子 */
.userDyContent {
  margin: 10px auto;

  display: flex;
  flex-direction: column;
}

/* 详细内容中的标题的样式 */
.userDyTitle {
  font-size: 40px;
  color: black;
  padding: 10px 30px;
}

.DyimgBox {
  display: flex;

  flex-wrap: wrap;
}

/* 评论区 */
.CommentsBox {
  margin: 10px auto;
  width: 80%;
  display: flex;
  flex-direction: column;
  border: 1px black solid;
  box-shadow: 1px 1px 5px rgb(58, 49, 49);
  align-items: center;
  justify-content: center;
}
.CommentsBox > li {
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #ffd155;

  font-size: 20px;

  color: white;
}
.CommentsBox button {
  font-size: 15px;
  height: 40px;
  width: 80px;
  margin-left: 30px;
  border: white 2px solid;
  border-radius: 50px;
  outline: none;
  color: white;
  background-color: #0f9cf5;

  cursor: pointer;

  transition: 0.3s;
}
.CommentsBox button:hover {
  border: #0f9cf5 2px solid;
  color: #0f9cf5;
  background-color: white;
}

/* 每个评论 */
.everyCm {
  border: 1px solid gray;
  margin: 20px auto 0;
  width: 80%;
}
.everyReply {
  padding: 15px 0px 0px 20px;
  width: 95%;
}

.everyCm > li {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;

  margin-bottom: 5px;
}

.mainComment {
  padding: 15px;

  background-color: rgb(128, 128, 143, 0.1);
}

/* 新增评论内容框 */
#newCommentContent {
  display: block;
  width: 60%;
  margin: 20px;
  height: 100px;
}

/* 新增评论按钮 */
.commentBtn {
  margin: 10px;
}

.mainComment button {
  margin-left: 10px;
  margin-right: 5px;

  border-radius: 50px;
  outline: none;
  color: white;
  background-color: #0f9cf5;
  cursor: pointer;
}

#replyerAvatar,
#beReplyerAvatar {
  width: 25px;
  height: 25px;

  border-radius: 50%;
}
